/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-nov-2013, 22:44:10
    Author     : diego
*/

/*table.proximos {
    width:500px;
    text-align:center;
    table-layout: fixed;
    font-family:ubuntu;
    font-size:15px;
}

table.ofertas {
    width:450px;
    text-align:center;
    table-layout: fixed;
    font-family:ubuntu;
    font-size:15px;
}

td.firma {
    color:gray;
    font-size:12px;
    font-style: italic;
}

td.titular {
    color:black;
    background-color:whitesmoke;
    font-size:16px;
    font-weight: bold;
}*/

@font-face { font-family: "kinet"; src: url("../fonts/kinet.ttf") format ("ttf"); }

body {
   /*font-family: 'Raleway', sans-serif !important;*/
   /*font-family: 'Open Sans',Helvetica, sans-serif, Arial !important;*/
   font-family: 'Lato', sans-serif !important;
}

 /*Pa los bocadillos*/
            
    div.bocadillo_izquierda {
            position: relative;
            background: #5789ad;
            border: 1px solid #57897d;
/*            -webkit-border-radius: 3px 5px 1px 4px;  recuerda la primera frase 
            -moz-border-radius: 4px;  si quieres todas las esquinas iguales */
/*            border-radius: 10px;*/
            padding:10px;
            box-shadow: 0px 1px 3px #999;
            font-size:14px;
            color:white;
    }
    div.bocadillo_izquierda:after, div.bocadillo_izquierda:before {
            right: 100%;
            top: 15px;
            border:  solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
    }

    div.bocadillo_izquierda:after {
            border-color: rgba(213, 179, 179, 0);
            border-right-color: #5789ad;
            border-width: 6px;
            margin-top: -6px;
    }
    div.bocadillo_izquierda:before {
            border-color: rgba(85, 0, 0, 0);
            border-right-color: #5789ad;
            border-width: 8px;
            margin-top: -8px;
    }
    
    
    .bocadillo_derecha {
            position: relative;
            background: #fac67d;
            border: 1px solid;
            border-color: #ea0;
            font-size:14px;
/*            -webkit-border-radius: 3px 5px 1px 4px;  recuerda la primera frase 
            -moz-border-radius: 4px;  si quieres todas las esquinas iguales 
            border-radius: 10px;*/
            padding:10px;
            box-shadow: 0px 1px 3px #999;
    }
    .bocadillo_derecha:after, .bocadillo_derecha:before {
            left: 100%;
            top: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
    }

    .bocadillo_derecha:after {
            border-color: rgba(136, 183, 213, 0);
            border-left-color: #fac67d;
            border-width: 6px;
            margin-top: -6px;
    }
    .bocadillo_derecha:before {
            border-color: rgba(194, 225, 245, 0);
            border-left-color: #ea0;
            border-width: 8px;
            margin-top: -8px;
    }


div#mensaje {
    visibility:hidden;
}

div#principal {
    padding-top:60px;
    width:80%;
    min-width:1090px;
    position:relative;
    border-color:black;
    border-width:1px;
    border-style:solid;
    margin: 0 auto;
    background-color:white;
    -moz-border-radius:13px;  //Firefox  
    -webkit-border-radius:13px;  //Safari y Chrome 
    box-shadow: 1px 1px 6px;
    min-height:calc(100% - 50px);
}

body {
/*    background: #fff2bd;  Old browsers 
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #fff2bd 100%);  FF3.6+ 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#fff2bd));  Chrome,Safari4+ 
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#fff2bd 100%);  Chrome10+,Safari5.1+ 
    background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#fff2bd 100%);  Opera 12+ 
    background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#fff2bd 100%);  IE10+ 
    background: radial-gradient(ellipse at center,  #ffffff 0%,#fff2bd 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff2bd',GradientType=1 );  IE6-9 fallback on horizontal gradient */
    background-image: url('../img/backgrounds/black-Linen.png');
    background-repeat: repeat; 
    /*font-family: ubuntu;*/
    font-family: 'Roboto', sans-serif;
}

img.thumb {
    border:solid 1px silver;
/*                -webkit-border-radius: 3px 5px 1px 4px;  recuerda la primera frase 
    -moz-border-radius: 4px;  si quieres todas las esquinas iguales */
    /*border-radius: 10px;*/
    padding:2px;
    background-color:white;
    /*box-shadow: 1px 1px 2px #999;*/
}
/*Estilos del menú superior*/
 /***************************************/
 .opcionMenu {
     padding-bottom:20px;
    -webkit-transition-property: -webkit-filter;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -webkit-filter;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: ease;
 }
 
 .opcionMenu:hover {
    -webkit-filter: brightness(1.8);/* Chrome y Safari */
    -moz-filter: brightness(1.8);/* Mozilla */
    -ms-filter: brightness(1.8);/* Internet Explorer */
    -o-filter: brightness(1.8);/* Opera */
 }
 
 .opcionMenuActivo {
     padding-bottom:20px;
    -webkit-filter: brightness(1.8);/* Chrome y Safari */
    -moz-filter: brightness(1.8);/* Mozilla */
    -ms-filter: brightness(1.8);/* Internet Explorer */
    -o-filter: brightness(1.8);/* Opera */
 }

    a#apagar {
        display: block;
        height: 32px;  
        margin: 0 auto;
        width: 32px; 
        /*border-radius: 5px;*/
        background: url(../img/menu/apagar.png) no-repeat 50% 50%;
        -webkit-transition-property: background;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: background;
        -moz-transition-duration: .5s;
        -moz-transition-timing-function: ease;
        
    }
    a#apagar:hover, a#apagar:focus, a#apagar:active {
        background: #000 url(../img/menu/apagar_white.png) no-repeat 50% 50%;
        background-color: red;
    }
    a#apagar:hover img, a#apagar:focus img, a#apagar:active img  {
        background: transparent;
        visibility: hidden;
    }
    
    
    
    div#login {
        left:50%;
        margin-left:330px;
        margin-top:50px;
        text-align:center;
        width:700px;
        /*background-color:d1dfff;*/
        border-color:gray;

/*        //-moz-border-radius:13px; 
        -webkit-border-radius:13px; 
        box-shadow: 5px 5px 5px #aaa; */
    }
    
    .socialIcon {
        width:50px;
        height:auto;
        padding:5px;
        -webkit-transition-property: -webkit-filter;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: -webkit-filter;
        -moz-transition-duration: .5s;
        -moz-transition-timing-function: ease;
    }
    
    .socialIcon:hover {
        -webkit-filter: brightness(1.5);
        cursor:pointer;
    }
    
    div#menu {
        text-align:center;
        min-width:800px;
        width:100%;
        background-color: black;
        border-bottom-color:black;
        position: fixed;
        top: 0;
        left: 0;
        height:35px;
        z-index: 500;
        box-shadow: 1px 0px 6px black;
/*        background: #001f39; 
        background: -moz-linear-gradient(top,  #1a6884 0%, black 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a6884), color-stop(100%,black));
        background: -webkit-linear-gradient(top,  #1a6884 0%,black 100%);  
        background: -o-linear-gradient(top,  #1a6884 0%,black 100%); 
        background: -ms-linear-gradient(top,  #1a6884 0%,black 100%);  
        background: linear-gradient(to bottom,  #1a6884 0%,black 100%);  
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6884', endColorstr='black',GradientType=0 );  */


    /*    -moz-border-radius:13px;  Firefox  
        -webkit-border-radius:13px;  Safari y Chrome  */
        /*box-shadow: 5px 5px 5px #aaa;*/
    }

    /*td {
        text-align:center;
        font-weight:bold;
        font-family:ubuntu;
        font-size:20px;
        color:orange;
        text-decoration:none;
    }
    table {
        width:80%;
        margin: 0 auto;
        text-align: left;
    }*/

    /*table#ultimas {
        width:70%;
        margin: 0 auto;
        table-layout: fixed;
    }

    table#ultimasOfertas {
        width:50%;
        text-align:center;
        margin: 0 auto;
        table-layout: fixed;
        color:gray;
    }*/

    /*td#ultimas {
        text-align: left;
        color:black;
        font-size:10px;

    }*/

/*    table#menu {
        font-family:ubuntu;
        width:100%;
        margin: 0 auto;
        text-align: left;
        table-layout: fixed;
    }*/
    input.texto {
        background-color: white;
        border-color:orange;
        border-style:solid;
        border-width:3px;
        text-align:center;
        font-weight:bold;
        font-family:ubuntu;
        font-size:30px;
        text-decoration:none;
        width:75%;
    }

    hover:input.texto {
        background-color:yellow;
    }
    
    select.input {
        padding:6px 0 7px 0;
    }

    input#boton {
        width:150px;
        height:40px;
        color:black;
        font-size:25px;
        font-weight:bold;
        border-color:black;
        border-width:1px;
        border-style:solid;
        background-color:gray;
    }

    input#boton:hover {
        color:black;
        border-color:orange;
        background-color:silver;
    }

/*    body {
        background-color:;
        margin:0px;
    }*/

    a {
        text-decoration:none;
        color:gray;
        font-size:15px;
    }

    a:hover{
        color:silver;
    }

    td#derecha {
        text-align:right;
        width:33%;
    }
    td#izquierda {
        text-align:left;
        width:33%;
    }
    td#centro {
        width:34%;
    }

    /*div#novedades {
        text-align:center;
        font-family:ubuntu;
        font-size:20px;
        color:black;
    }*/

    hr {
        border-style:solid;
        border-color:gray;
        border-width:1px;
    }

    input.texto {
        font-family:ubuntu;
        font-size:10px;
        width:200px;
        height:30px;
    }

    span.texto {
        font-family:ubuntu;
        font-size:10px;
        width:200px;
        height:30px;
        text-align: right;
    }
    div#proximas {
        
    }
    
    
    ul.nav > li > a.active {
        font-weight:bold !important;
        color: #5789ae !important;
    }
    
/*    ul.nav-tabs > li > a.active {
        font-weight:bold !important;
        color: #5789ae !important;
    }*/
    
    .parametro {
        background-color:white;
        
        
    }
    
    .parametro:focus {
        /*box-shadow: 1px 1px 3px #5789de;*/
        border:#5789de solid 2px;
        /*border:none;*/
    }
    
     a {
        color:black;
        -webkit-transition-property: color;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;
    }
    
    a:hover {
        color:#5789ae;
        text-decoration:none;
    }
    
    .tarjeta {
        float:left;
        position:relative;
        width:170px;
        height:290px;
        padding:10px;
        background: #f7f7f7;
        background: -moz-radial-gradient(center, ellipse cover, #f7f7f7 0%, #f7f7f7 0%, #d4e4ef 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7f7f7), color-stop(0%, #f7f7f7), color-stop(100%, #d4e4ef));
        background: -webkit-radial-gradient(center, ellipse cover, #f7f7f7 0%, #f7f7f7 0%, #d4e4ef 100%);
        background: -o-radial-gradient(center, ellipse cover, #f7f7f7 0%, #f7f7f7 0%, #d4e4ef 100%);
        background: -ms-radial-gradient(center, ellipse cover, #f7f7f7 0%, #f7f7f7 0%, #d4e4ef 100%);
        background: radial-gradient(ellipse at center, #f7f7f7 0%, #f7f7f7 0%, #d4e4ef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d4e4ef', GradientType=1 );
                /*background-color:#eff1ff;*/
                /*border:#5789ae solid 1px;*/
                border:rgba(196,227,255,1) solid 1px;

        cursor:pointer;
        margin:10px 10px 10px 10px;
/*        border-radius: 4px;*/
        -webkit-transition-property: border;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: border;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;    
    }
    .tarjeta:hover {
        /*box-shadow:0 0 10px #5789ae;*/
        /*padding:11px;*/
        border:#5789ae solid 1px;
/*-webkit-box-shadow: 1px 0px 14px 3px #5789ad;
-moz-box-shadow: 1px 0px 14px 3px #5789ad;
box-shadow: 1px 0px 14px 3px #5789ad;*/
    }
    
    .mujer {
        background-color: #ffe9e9 !important;
        border-color: #D14;
        -webkit-transition-property: box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
    }
    
    .mujer:hover {
        box-shadow:0 0 10px #D14;
    }

    .historia {
        float:right;
        padding:5px 10px 0 10px;
        color:white;
        font-size:12px;
        font-weight:bold;
    }

    .estado {
        width:10px;height:10px;border:black solid 1px;margin:0 auto
    }

    .contenedorBuscador {
        background-color:#5789ae;
        margin:0 auto;
        margin-top:10px;
        color:white;
        /*border-bottom:silver solid 1px;*/
        /*border-top:silver solid 1px;*/
    }

    .contenedorBuscador input,
    .contenedorBuscador select {
        color:black;
        
    }

    .contenedorBuscador a {
        color:whitesmoke;
    }
    
    .contenedorBuscador a:hover {
        color:white;
        text-shadow:1px 1px 5px black;
        -webkit-transition-property: color, text-shadow;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, text-shadow;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;
    }
    
    .cartel {
        width:100%;
        background-color:#5789ae;
        color:white;
        font-weight:bold;
        text-align:center;
        padding:5px;
        margin:0px 0 10px 0;
        font-size:18px;
    }

    .cartel a {
        color:whitesmoke;
        -webkit-transition-property: color, text-shadow;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, text-shadow;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;
        font-size:18px;
    }

/*    .cartel > a:hover {
        text-decoration:none;
        color:white;
    }
    */
    .cartel a:hover {
        color:white;
        text-shadow:1px 1px 5px black;
    }
    
    .aspa {
        position:absolute;
        top:-7px;
        right:-7px;
        border-radius:20px;
        width:25px;
        height:25px;
        color:white;
        border:black solid 1px;
        background-color: red;
        box-shadow:1px 1px 5px black;
        padding:5px 0px 0 5px;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
    }
    
    .aspa:hover {
        background-color:white;
        color:red;
        border-color:red;
        cursor:pointer;
    }
    
    .rechazar {
        position:absolute;
        top:-7px;
        right:-7px;
        border-radius:15px;
        width:25px;
        height:25px;
        color:red;
        border:black solid 1px;
        background-color: white;
        box-shadow:1px 1px 5px black;
        padding:3px 0px 0 4px;
        cursor:pointer;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
    }
    
    .rechazar:hover {
        background-color:red;
        color:white;
        border-color:black;
        cursor:pointer;
    }
    
    .asignar {
        position:absolute;
        top:-7px;
        left:-7px;
        border-radius:15px;
        width:25px;
        height:25px;
        color:blue;
        border:black solid 1px;
        background-color: white;
        box-shadow:1px 1px 5px black;
        padding:3px 0px 0 4px;
        cursor:pointer;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
    }
    
    .asignar:hover {
        background-color:blue;
        color:white;
        border-color:black;
        cursor:pointer;
    }
    
    .aceptar {
        position:absolute;
        top:-7px;
        left:-7px;
        border-radius:15px;
        width:25px;
        height:25px;
        color:green;
        border:black solid 1px;
        background-color: white;
        box-shadow:1px 1px 5px black;
        padding:3px 0px 0 5px;
        cursor:pointer;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
    }
    
    .aceptar:hover {
        background-color:green;
        color:white;
        border-color:black;
        cursor:pointer;
    }
    
    .desasignar {
        position:absolute;
        top:-7px;
        left:-7px;
        border-radius:15px;
        width:25px;
        height:25px;
        color:red;
        border:black solid 1px;
        background-color: white;
        box-shadow:1px 1px 5px black;
        padding:3px 0px 0 5px;
        cursor:pointer;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
    }
    
    .desasignar:hover {
        background-color:red;
        color:white;
        border-color:black;
        cursor:pointer;
    }
    
    .boton {
        border-radius:0;
        width:100px;
    }
    
    .select {
        padding:5px;
        background-color:white;
    }
    
    .denunciar {
        position:absolute;
        border-radius:8px;
        font-size:11px;
        width:17px;
        height:17px;
        color:black;
        border:black solid 1px;
        background-color: white;
        padding:2px 0px 0 3px;
        cursor:pointer;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
    }
    
    .denunciar:hover {
        background-color:black;
        color:white;
        box-shadow:1px 1px 5px black;
        border:black solid 1px;
        /*border-color:black;*/
        cursor:pointer;
    }
    
    .cambiarfoto {
        position:absolute;
        border-radius:20px;
        width:40px;
        height:40px;
        color:white;
        border:black solid 1px;
        background-color: blue;
        padding:10px 0px 0 12px;
        cursor:pointer;
        left:-7px;
        top:-7px;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
    }
    
    .cambiarfoto:hover {
        background-color:white;
        color:blue;
        box-shadow:1px 1px 5px black;
        border:black solid 1px;
        /*border-color:black;*/
        cursor:pointer;
    }
    
    .puntuacion {
        position:absolute;
        /*border-radius:15px;*/
        padding:5px;
        width:23px;
        height:23px;
        color:black;
        border:black solid 1px;
        /*background-color: yellow;*/
        font-weight: bolder;
        padding:0px 0px 0 6px;
        box-shadow:1px 1px 5px black;
        -webkit-transition-property: color background-color border box-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, background-color, border, box-shadow;
        -moz-transition-duration: 1s;
        -moz-transition-timing-function: ease;
        /*z-index:500;*/
        top:3px;
        left:3px;
        
    }
    
    .izquierda {
        left:10px;
    }
    
    .abajo {
        bottom:10px;
    }
    
    .derecha {
        right:10px;
    }
    
    .arriba {
        top:10px;
    }
    
    /************BLOG**************************/
    .contenedorBlog {
        color:black;
        cursor:default;
        /*margin-top:10px;*/
        text-align:center;
        padding-bottom:50px;
    }
    
    .contenedorNoticiaBlog {
        float:left;
        margin:.8%;
        width:23.4%;
        height:300px;;
        padding:2px;
        position:relative;
        border-radius:5px;
        -webkit-transition-property: background;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: background;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;
    }
    
/*    .contenedorNoticiaBlog:hover {
        background-color: #cfd9f5;
        cursor:pointer;
        border: #5789ad solid 1px;
    }*/

    .imagenBlog {
        float:left;
        width:100%;
        height:auto;
    }
    
    .by {
        text-align:left;
        font-size:13px;
        padding-top:5px;
    }
    .resumen {
        float:left;
        margin-top:10px;
        width:100%;
        text-align:justify;
        padding:5px;
        font-size:14px;
    }
    
    a.titular {
        float:left;
        margin-top:10px;
        width:100%;
        font-weight:bold;
        border-radius:13px;
        color:black;
        font-size:20px;
        -webkit-transition-property: color;
        -webkit-transition-duration: .3s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color;
        -moz-transition-duration: .3s;
        -moz-transition-timing-function: ease;
    }
    
    a.titular:hover {
        color:#5789ae;
        text-decoration:none;
    }
    
    .contenedorImgBlog {
        width:100%;
        height:100px;
        overflow:hidden;
        /*border-radius:5px;*/
        /*box-shadow: 2px 2px 10px #888888;*/
    }
    
    /***********************FORMULARIO************************************/
    .campo {
        float:left;
        width:350px;
        height:40px;
        margin-bottom:20px;
        margin-left:10px;
    }

    .input {
        width:100%;
        padding:5px;
        background-color:white;
        font-weight:normal;
        border:solid silver 1px;
    }
    
    .etiqueta {
        float:left;
        margin:0 0 10px 0 ;
        width:20px;
        height:10px;
        border:black solid 1px;
        box-shadow:1px 1px 5px black;

    }
    
    .redesSociales {
        float:left;
        padding-right:10px;
    }
    .contenedorRedesSociales {
        float:left;
        /*min-width:200px;*/
        margin:10px;
        padding-right:0;
    }
    
    .contenedorRoles {
        float:left;
        /*min-width:250px;*/
        min-height:64px;
        margin:10px;
    }
    
    .contenedorTipoProyecto {
        float:right;
        position:relative;
        min-height:150px;
        /*background-color:black;*/
        border:1px solid whitesmoke;
        color:black;
        padding:5px;
        margin-left:10px;
        width:47.5%;
        /*box-shadow:2px 2px 15px black;*/
        text-align:center
    }
    
    .contenedorImagenTipoProyecto {
        position:absolute;
        min-height:40px;
        bottom:0;
        right:0;
        opacity:0.2;
        filter:alpha(opacity=20);
        overflow:hidden;
    }
    
    .calendario {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-15);
        box-shadow: 2px 2px 10px black;
        position:absolute;
        font-weight:bold;
        text-align:center;
        top:-10px;
        left:-10px;
        width:50px;
        height:38px;
    }
    
    .fondoPestanyas {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:102px;
        background-color: #c8dcf0;
        /*border-bottom:black solid 1px;*/
/*        -webkit-box-shadow: inset 1px 2px 19px 2px rgba(0,0,0,0.69);
-moz-box-shadow: inset 1px 2px 19px 2px rgba(0,0,0,0.69);
box-shadow: inset 1px 2px 19px 2px rgba(0,0,0,0.69);*/
    }
    
    a.letra {
        padding:5px;
        color: #c8dcf0;
        -webkit-transition-property: color, font-weight, text-shadow;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: color, font-weight, text-shadow;
        -moz-transition-duration: .5s;
        -moz-transition-timing-function: ease;
    }
    a.letra:hover {
        background-color:#5789ae;
        color:white;
        text-decoration:none;
        font-weight:bold;
        text-shadow:1px 1px 3px black;
    }
    
/*.brillo{
    position:relative;
    display: block;
    width:53px;
    padding:5px;
    border-radius:30px;
    text-decoration:none;
    overflow:hidden;
    padding:0;
}

.brillo span{
     position:relative;
     display: block;
     background:url(../img/brillog.png) no-repeat; 
     background-position: -300px 0px;
     margin-top:-137px;
     height: 137px;
     width: 132px;     
     opacity:0.7;filter:alpha(opacity=70);
}

.brillo:hover span{
    background-position: 300px 0px;
    -webkit-transition-property: all;
    -webkit-transition-duration: 1.5s;
    transition-property: all;
    transition-duration: 1.5s;
}*/

.lineaSocial{
    /*width:100%;*/
    padding:5px;
    /*float:left;*/
}

.inputSocial {
    width:calc(100% - 60px);
    height:40px;
}

.imagenSocial {
    width:40px;
    height:auto
}

.borrarSocial {
    cursor:pointer;
    -webkit-transition-property: color;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: color;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease;
}

.borrarSocial:hover {
    color:red;
}

.ui-datepicker {
    box-shadow:2px 2px 10px black;
}

a.footer {
    color:white;
}
a.footer:hover {
    color:#5789ad;
}

p.tab {
    text-indent: 2em
}

.bocadillo_izquierda a {
    color:white;
}

.bocadillo_izquierda a:hover {
    text-shadow:1px 1px 2px black;
}